<div class="breadcrumb">
  <nz-breadcrumb>
    <nz-breadcrumb-item>
      Home
    </nz-breadcrumb-item>
    <nz-breadcrumb-item>
      <a>Application List</a>
    </nz-breadcrumb-item>
    <nz-breadcrumb-item>
      An Application
    </nz-breadcrumb-item>
  </nz-breadcrumb>
</div>

<div class="send-request">
  <button nz-button nzType="primary" [disabled]="setOfCheckedId.size === 0" [nzLoading]="loading"
          (click)="sendRequest()">
    Send Request
  </button>
  <span>Selected {{ setOfCheckedId.size }} items</span>
</div>
<nz-table
	#rowSelectionTable
    nzShowPagination
    nzShowSizeChanger
    [nzData]="listOfData"
    (nzCurrentPageDataChange)="onCurrentPageDataChange($event)"
>
  <thead>
  <tr>
    <th [nzChecked]="checked" [nzIndeterminate]="indeterminate" (nzCheckedChange)="onAllChecked($event)"></th>
    <th>Name</th>
    <th>Age</th>
    <th>Address</th>
    <th>操作</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let data of rowSelectionTable.data">
    <td
        [nzChecked]="setOfCheckedId.has(data.id)"
        [nzDisabled]="data.disabled"
        (nzCheckedChange)="onItemChecked(data.id, $event)"
    ></td>
    <td>{{ data.name }}</td>
    <td>{{ data.age }}</td>
    <td>{{ data.address }}</td>
    <td>
      <a>删除</a>
    </td>
  </tr>
  </tbody>
</nz-table>
